<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!--头部导航栏-->
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0" th:fragment="navbar">
  <a class="navbar-brand col-sm-3 col-md-2 mr-0 "  th:href="@{/carManage/carList}">Demo_Project</a>
  <input class="form-control form-control-dark w-100" type="text"  aria-label="Search" >
  <ul class="navbar-nav px-3">
    <li class="nav-item text-nowrap">
      <a class="nav-link" th:href="@{/user/logout}">Sign out</a>
    </li>
  </ul>
</nav>

<!--侧边栏-->
<nav class="col-md-2 d-none d-md-block bg-light sidebar" th:fragment="sidebar">
  <div class="sidebar-sticky">
    <ul class="nav flex-column">
      <li class="nav-item">
        <a th:class="${active=='main'?'nav-link active':'nav-link'}" th:href="@{#}">
          <span class="text-xl">权限管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>

      <li class="nav-item">
        <a th:class="${active=='main'?'nav-link active':'nav-link'}" th:href="@{#}">
          <span class="text-xl">部门管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>

      <li class="nav-item">
        <a th:class="${active=='main'?'nav-link active':'nav-link'}" th:href="@{#}">
          <span class="text-xl">员工管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>

      <li class="nav-item">
        <a th:class="${active=='main'?'nav-link active':'nav-link'}" th:href="@{#}">
          <span class="text-xl">办公区管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>

      <li class="nav-item">
        <a th:class="${active=='main'?'nav-link active':'nav-link'}" th:href="@{#}">
          <span class="text-xl">用户管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>

      <li class="nav-item">
        <a th:class="${active=='main'?'nav-link active':'nav-link'}" th:href="@{#}">
          <span class="text-xl">公司管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>

      <li class="nav-item">
        <a th:class="${active=='main'?'nav-link active':'nav-link'}" th:href="@{#}">
          <span class="text-xl">岗位管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>

      <li class="nav-item">
        <a th:class="${active=='carManage'?'nav-link active':'nav-link'}" th:href="@{@{/carManage/carList}}">
          <span class="text-xl">车辆管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>

      <li class="nav-item">
        <a th:class="${active=='main'?'nav-link active':'nav-link'}" th:href="@{#}">
          <span class="text-xl">学生管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>

      <li class="nav-item">
        <a th:class="${active=='main.html'?'nav-link active':'nav-link'}" th:href="@{#}">
          <span class="text-xl">简历管理</span> <span class="sr-only">(current)</span>
        </a>
      </li>



    </ul>
  </div>
</nav>


</html>